<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="renderer" content="webkit"/>
    <title>品牌能量</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Slit Slider css -->
    <link rel="stylesheet" href="css/slit-slider.css">
    <script src="js/modernizr-2.6.2.min.js"></script>
    <style>
        .layui-layer-shade{
            opacity: 0.8!important;
        }
        .layui-layer-dialog .layui-layer-content{
            padding: 0!important;
        }
        .layui-layer-page .layui-layer-content{
            overflow: inherit!important;
        }
    </style>
</head>
<body id="body">
<!--head-start-->
<div class="navBox">
    <div class="w-1200 clearfix">
        <div class="logo fl"><img src="img/head_logo.png" alt=""/></div>
        <div class="right fr clearfix">
            <ul class="nav fl">
                <li><a href="index.html">1522高端地板</a></li>
                <li>|</li>
                <li><a href="产品中心.html">产品中心</a></li>
                <li>|</li>
                <li class="act"><a href="品牌能量.html">品牌能量</a></li>
                <li>|</li>
                <li><a href="服务体系.html">服务体系</a></li>
                <li>|</li>
                <li><a href="伙伴加盟.html">伙伴加盟</a></li>
                <li>|</li>
                <li><a href="关于圣和.html">关于圣和</a></li>
            </ul>
            <div class="search fr"><img src="img/head_search.png" alt=""/></div>
        </div>
    </div>
</div>
<!--head-end-->
<!--search-start-->
<div class="hserch">
    <a href="#" class="img"><img src="img/logo_withe.png" alt=""/></a>
    <i>close</i>
    <div class="box">
        <form>
            <div class="inp">
                <label class="float">Search...</label>
                <input type="text" name="key" class="inptet" />
            </div>
            <input type="submit" value=" " class="sub">
        </form>
    </div>
</div>
<!--subBanner-start-->
<div class="subBanner brandBanner">
    <div class="w-1200 clearfix">
        <div class="title fr wow fadeInRight" data-wow-duration="500ms">
            <p>BRAND ENERGY</p>
            <h4>品牌能量</h4>
        </div>
    </div>
</div>
<!--subBanner-end-->
<!--productTab-start-->
<ul class="subTab w-1200 hor-view">
    <li class="flex-1 act"><span>品牌新闻</span></li>
    <li class="flex-1"><span>使命与价值观</span></li>
    <li class="flex-1"><span>视频中心</span></li>
</ul>
<!--subTab-end-->
<!--品牌新闻-->
<div class="subList newsListBox">
    <div class="w-1200">
        <div class="titleBox">
            <h4 class="wow fadeIn">品牌新闻</h4>
            <p class="wow fadeInUp">Brand News</p>
        </div>
        <ul class="list mt-80 clearfix">
            <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                <div class="listImg">
                    <img src="img/newList_01.png" alt=""/>
                </div>
                <div class="listTxt">
                    <h4>又有一间好品位的公寓，工业风的使用方式并不俗气</h4>
                    <div class="clearfix">
                        <div class="time fl">2017年9月17日</div>
                        <a class="detailsBtn fr">View more</a>
                    </div>
                </div>
            </li>
            <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                <div class="listImg">
                    <img src="img/newList_01.png" alt=""/>
                </div>
                <div class="listTxt">
                    <h4>又有一间好品位的公寓，工业风的使用方式并不俗气</h4>
                    <div class="clearfix">
                        <div class="time fl">2017年9月17日</div>
                        <a class="detailsBtn fr">View more</a>
                    </div>
                </div>
            </li>
            <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                <div class="listImg">
                    <img src="img/newList_01.png" alt=""/>
                </div>
                <div class="listTxt">
                    <h4>又有一间好品位的公寓，工业风的使用方式并不俗气</h4>
                    <div class="clearfix">
                        <div class="time fl">2017年9月17日</div>
                        <a class="detailsBtn fr">View more</a>
                    </div>
                </div>
            </li>
            <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                <div class="listImg">
                    <img src="img/newList_01.png" alt=""/>
                </div>
                <div class="listTxt">
                    <h4>又有一间好品位的公寓，工业风的使用方式并不俗气</h4>
                    <div class="clearfix">
                        <div class="time fl">2017年9月17日</div>
                        <a class="detailsBtn fr">View more</a>
                    </div>
                </div>
            </li>
        </ul>
        <!--more-->
        <a href="#" class="moreBtn wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">Explore more</a>
    </div>
</div>
<!--使命与价值观-->
<div class="subList brandListBox">
    <div class="w-1200">
        <div class="titleBox">
            <h4 class="wow fadeIn">品牌理念</h4>
            <p class="wow fadeInUp">Brand Development</p>
        </div>
        <div class="brandBox mt-80 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
            <div class="brandTop">
                <img src="img/brand_01.png" alt=""/>
                <div>
                    <p>专注实木17年，以 “实现顾客家居生活的梦想” 为愿景，始终把”健康，是生活的最终标准“作为品牌核心理念，把木文化、美学、风格融为一体，矢志为消费者提供”健康、绿色、舒适、品位“的实木地板及实木地暖地板产品。</p>
                </div>
            </div>
            <ul class="brandList">
                <li class="clearfix">
                    <div class="brandImg fl clearfix wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="fl"></div>
                        <img src="img/brand_02.png" alt=""/>
                    </div>
                    <div class="brandTxt fr wow fadeInRight" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="title clearfix">
                            <div class="nub fl">01</div>
                            <div class="fl">
                                <h4>第一次变革</h4>
                                <hr/>
                                <p>奠定实木地板风格品牌</p>
                            </div>
                        </div>
                        <ul>
                            <li>
                                <h5>2004-2005年</h5>
                                <p>随着室内装饰风格的不断进步，消费者越来越关注风格的变化和内心深处情感需求的统一。久盛没有满足于“工艺师”的技术水平层面，而是积极探索地板与室内装修风格的和谐统一。</p>
                            </li>
                            <li>
                                <h5>2006年</h5>
                                <p>久盛地板“田园木歌”、“爱之林语”、“子夜森涛”三大风格系列地板产品先后问世。</p>
                            </li>
                            <li>
                                <h5>2007年</h5>
                                <p>久盛邀请香港著名设计师黄志达先生出任品牌战略顾问，并于2007年3月上海国际地面材料展上，向全球推出“原生态”风格系列。 久盛原生态风格，以原汁原味的自然本色为设计内涵，尊重原木自然属性，这一风格产品，与当时“简约而不简单”的生活主张不谋而合，很快便奠定了久盛地板“风格第一品牌”的地位。 </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="brandTxt fl wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="title clearfix">
                            <div class="nub fl">02</div>
                            <div class="fl">
                                <h4>第二次变革</h4>
                                <hr/>
                                <p>成为北美材资源核心采购商</p>
                            </div>
                        </div>
                        <ul>
                            <li>
                                <h5>2008年</h5>
                                <p>全球性经济危机波及国内，加之各国木材保护的意识逐步加强，处于高速发展的地板行业也遭遇第一次危机。</p>
                            </li>
                            <li>
                                <h5>2009年</h5>
                                <p>久盛大手笔引进经过国际FSC认证的美国红橡北美材，在中国市场掀起了一场前所未有的北美材普及风暴。 同时，为推动木地板行业健康、有序发展，实现行业自律，引导木地板企业合法经营、诚信服务，尤其为了净化北美材市场环境，久盛地板先后加入阿巴拉契亚硬木板材协会，加盟WWF-GFTN，为推动合法木材在国内的可持续发展不遗余力；</p>
                            </li>
                            <li>
                                <h5>2012年</h5>
                                <p>久盛地板与北美硬木板材协会（NHLA）正式达成战略合作伙伴关系，并首次出版《北美材在中国的应用白皮书》，全面、详细介绍了北美木材的可持续发展及绿色环保。 </p>
                            </li>
                            <li>
                                <h5>2013—2015年</h5>
                                <p>久盛地板携手香港著名设计大师黄志达先生在全国范围内接连举办十多场“美式原味杯室内设计大赛”以及“美式原味品牌文化品鉴沙龙”，受到行业、媒体和设计界的广泛关注。</p>
                            </li>
                            <li>
                                <h5>2016年</h5>
                                <p>久盛地板在重庆首发”素颜“实木地板风格系列，成为新一轮风格潮流的引领者；</p>
                            </li>
                        </ul>
                    </div>
                    <div class="brandImg fr clearfix wow fadeInRight" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="fr"></div>
                        <img src="img/brand_03.png" alt=""/>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="brandImg fl clearfix wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="fl"></div>
                        <img src="img/brand_04.png" alt=""/>
                    </div>
                    <div class="brandTxt fr wow fadeInRight" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="title clearfix">
                            <div class="nub fl">03</div>
                            <div class="fl">
                                <h4>第三次变革</h4>
                                <hr/>
                                <p>全面聚焦实木地暖地板</p>
                            </div>
                        </div>
                        <ul>
                            <li>
                                <h5>2017年</h5>
                                <p>作为全球定位理论的最新尝试，久盛地板与定位大师中国区合作伙伴——里斯中国强强联手， 以品类思考，用品牌表达，精准聚焦：实木地暖地板，全力打造“消费者品牌”，为消费者提供健康、舒适、品位的地暖产品。</p>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>

    </div>
</div>
<!--视频中心-->
<div class="subList videoListBox">
    <div class="w-1200">
        <div class="titleBox">
            <h4 class="wow fadeIn">视频中心</h4>
            <p class="wow fadeInUp">Video Center</p>
        </div>
        <div class="mianBox wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms"></div>

        <!--more-->
        <a href="#" class="moreBtn wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">Explore more</a>
    </div>
</div>
<!--foot-start-->
<div class="footBox">
    <div class="w-1200 clearfix">
        <div class="left fl wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="250ms">
            <ul class="footNav">
                <li><a href="#">1522高端地板</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">品牌能量</a></li>
                <li><a href="#">服务体系</a></li>
                <li><a href="#">伙伴加盟</a></li>
                <li><a href="#">关于圣和</a></li>
                <li><a href="#">经销商窗口</a></li>
                <li><a href="#">用户产品查询</a></li>
            </ul>
        </div>
        <div class="center fl wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
            <img src="img/foot_logo.png" alt=""/>
        </div>
        <div class="right fl wow fadeInRight" data-wow-duration="500ms" data-wow-delay="250ms">
            <img src="img/foot_code.png" alt=""/>
            <h4>400-886-6751</h4>
            <p>WWW.SORHEFLOOR.COM</p>
        </div>
    </div>
</div>
<!--foot-end-->
<!-- Main jQuery -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- Parallax -->
<script src="js/jquery.parallax-1.1.3.js"></script>
<!-- Custom Scrollbar -->
<script src="js/jquery.nicescroll.min.js"></script>
<!--wow.min Script-->
<script src="js/wow.min.js"></script>
<!--layer Script-->
<script src="js/layer.js"></script>
<!--main js-->
<script src="js/main.js"></script>
<script>
    $(function() {
        //全局变量
        var pageNo = 1;
        //Json
        videoJson(pageNo);

        $(".subList").eq(0).show();
        $(".subTab").on("click","li",function(){
            $(this).addClass("act").siblings().removeClass("act");
            var num = $(this).index();
            $(".subList").eq(num).fadeIn().siblings(".subList").fadeOut();
        })
        //视频弹窗onVideo
        $(".videoListBox").on("click",".onVideo",function(){
            var videoUrl = $(this).parent().attr('data-url');
            layer.open({
                shadeClose: false,
                title: false,
                closeBtn: 0,
                btn:false,
                type: 1,
                area: ['900px', '500px'], //宽高
                content: '\<\div id="mod_player">'+'<i class="mod_close"></i><video id="video" src="'+videoUrl+'" width="900" height="100%" controls="controls"></video>'+'\<\/div>'
            });
            video.play();
        });
        //关闭
        $(document).on("click",".mod_close",function(){
            layer.closeAll();
            video.pause();
        });

        //点击more
        $(".videoListBox").on("click",".moreBtn",function(){
            $(this).fadeOut();
            $(".videoListBox ul").css({
                "height":"auto",
                "overflow":"inherit"
            })
        })
    });

    //videoJson
    function videoJson(pageNo){
        $.ajax({
            url: 'http://116.62.134.12/front/video.html',
            data: {"pageNo":pageNo, "pageSize":50},
            dataType:'jsonp',
            //jsonp:"callback",
            processData: false,
            type:'get',
            success: function (data) {
                console.log(data);
                if(data.code == 0){
                    var videoListDatas = data.data;
                    var videoListHtml = '';
                    videoListHtml+='<div class="videoList mt-80">';
                    videoListHtml+='<div class="mvideo">';
                    videoListHtml+='<div class="tip" data-url="'+videoListDatas[0].content+'"><img src="'+videoListDatas[0].image+'" alt=""/><i class="onVideo"></i></div>';
                    videoListHtml+='<div class="videoTxt">'+videoListDatas[0].subTitle+'</div>';
                    videoListHtml+='</div>';
                    videoListHtml+='</div>';
                    if(data.data.length != 1){
                        videoListHtml+='<ul class="list mt-80 clearfix">';
                        for(var i =1;i<videoListDatas.length;i++){
                            videoListHtml+='<li>';
                            videoListHtml+='<div class="listImg" data-url="'+videoListDatas[0].content+'"><img src="'+videoListDatas[i].image+'" alt=""/><i class="onVideo"></i></div>';
                            videoListHtml+='<div class="listTxt"><h4>'+videoListDatas[i].title+'</h4></div>';
                            videoListHtml+='</li>';
                        }
                        videoListHtml+='</ul>';
                    }
                    $(".videoListBox .mianBox").html(videoListHtml);
                    if(data.data.length <=5){
                        $(".videoListBox .moreBtn").fadeOut();
                    }else{
                        $(".videoListBox ul").css({
                            "height":"1040px",
                            "overflow":"hidden"
                        });
                        $(".videoListBox .moreBtn").fadeIn();
                    }
                }
            },
            error: function () {

            }
        });
    }

</script>
</body>
</html>